<template>
  <div class="font_form">
    <el-divider> 基本样式 </el-divider>
    <el-form ref="formRef" :model="compData" label-width="80px">
      <el-form-item label="位置:">
        <el-input-number
          class="a_input"
          v-model="compData.x"
          :controls="false"
          :precision="0"
          :step="1"
        />
        <el-input-number
          class="a_input"
          v-model="compData.y"
          :controls="false"
          :precision="0"
          :step="1"
        />
      </el-form-item>
      <el-form-item label="大小:">
        <el-input-number
          class="a_input"
          v-model="compData.width"
          :controls="false"
          :precision="0"
          :step="1"
        />
        <el-input-number
          class="a_input"
          v-model="compData.height"
          :controls="false"
          :precision="0"
          :step="1"
        />
      </el-form-item>
      <el-form-item label="拐角半径:" v-if="compData.type == 'Rect'">
        <el-input-number
          class="a_input"
          v-model="compData.cornerRadius[0]"
          :controls="false"
          :precision="0"
          :step="1"
        />
        <el-input-number
          class="a_input"
          v-model="compData.cornerRadius[1]"
          :controls="false"
          :precision="0"
          :step="1"
        />
        <el-input-number
          class="a_input"
          v-model="compData.cornerRadius[2]"
          :controls="false"
          :precision="0"
          :step="1"
        />
        <el-input-number
          class="a_input"
          v-model="compData.cornerRadius[3]"
          :controls="false"
          :precision="0"
          :step="1"
        />
      </el-form-item>
      <fill-style :compData="compData"></fill-style>
      <StrockStyle :compData="compData"></StrockStyle>
    </el-form>
  </div>
</template>
<script setup lang="ts">
import FillStyle from './FillStyle.vue'
import StrockStyle from './StrokeStyle.vue'
const props = defineProps({
  compData: {
    type: Object,
    default: {},
  },
})
</script>
<style lang="scss" scoped></style>
